<template>
	<fieldset>
		<legend>详情页</legend>
		<h1>食物名称:{{item.foodName}},价格:原价<del>999.99</del> 家人价格:{{item.price}}</h1>
		
			食物图片:
			<img width="250"
				:src="item.imgSrc"
				alt="">
		
		<h1>
			食物描述:{{item.desc}}
		</h1>
	</fieldset>
</template>
<script>
	const data = [
		{
			id: 3,
			foodName: "黄瓜🥒",
			price: '3.00',
			imgSrc: "https://tse1-mm.cn.bing.net/th/id/R-C.0f46404e8951e684418b9b5f157f514f?rik=qhKIIHYVGdn1bQ&riu=http%3a%2f%2fwww.sgshucai.cn%2fUpload%2f5b0b9661745dd.jpg&ehk=RWeyi2IgVa8nMJAh6zOiTOM%2bpdXD2iANH2FhTR5bZIk%3d&risl=&pid=ImgRaw&r=0",
			desc: "黄瓜（学名：Cucumis sativus L.）葫芦科一年生蔓生或攀援草本植物。茎、枝伸长，有棱沟，被白色的糙硬毛。卷须细。叶柄稍粗糙，有糙硬毛；叶片宽卵状心形，膜质，裂片三角形，有齿。雌雄同株。雄花：常数朵在叶腋簇生；花梗纤细，被微柔毛；花冠黄..."
		},
		{
			id: 1,
			foodName: "香蕉🍌",
			price: '4.50',
			imgSrc: "https://gss0.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/zhidao/wh%3D600%2C800/sign=d6cdf1f6d788d43ff0fc99f44d2efe23/77c6a7efce1b9d16d734cce2f2deb48f8d546445.jpg",
			desc: "香蕉（学名：Musa nana Lour.）芭蕉科芭蕉属植物，又指其果实，热带地区广泛种植。香蕉味香、富含营养，植株为大型草本，从根状茎发出，由叶鞘下部形成高3～6米（10～20尺）的假杆；叶长圆形至椭圆形，有的长达3～3.5米（10～11.5尺），宽65厘米（26寸），10..."
		},
		{
			id: 2,
			foodName: "胡萝卜🥕",
			price: '5.00',
			imgSrc: "https://www.huabaike.com/uploads/allimg/sltimg/201709/59c39d351aef1.jpg",
			desc: "胡萝卜（学名：Daucus carota var. sativa Hoffm.）是伞形科、胡萝卜属野胡萝卜的变种，一年生或二年生草本植物。根粗壮，长圆锥形，呈橙红色或黄色。茎直立，高可达90厘米，多分枝。叶片具长柄，羽状复叶，裂片线形或披针形，先端尖锐；叶柄基部扩大，形成叶..."
		},
	]

	export default {
		props:['id'],//获取动态路由参数
		created() {
			// console.log(this.id)
			// console.log(this.$route.params)
			// let { id } = this.$route.params;
			//到假数据中找到id对应的数据
			let target = data.find(item => item.id == this.id);
            this.item = target;
			console.log(target)
		},
		data() {
			return {
				item: {}
			}
		}
	}
</script>